﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2{ background:url(./images/h2_bg.png) top repeat-x; height:32px;line-height:32px; padding-left:25px; font-family:"微软雅黑", "黑体"; font-weight:normal; font-size:14px; color:#192d43; margin:0px ; display:block; border-bottom:1px solid #c5c5c5;}
h2 em{ float:right; display:inline-block; margin-right:15px; vertical-align:middle;}
h2 em .down{ vertical-align:middle; background:url(./images/h2_icon_down.png) center no-repeat; width:16px; height:35px; display:inline-block;}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.headMenu
{
    padding: 4px 0px 4px 8px;
}

div.headMenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.headMenu ul li a, div.headMenu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.headMenu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.headMenu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.Clear{ clear:both !important;}

.UBBPanel{background:#fbfbfb;overflow:auto;border:1px solid #ddd;border-left:3px solid #ddd;color:#000;}
.UBBTitle{font-family:Verdana,宋体;font-weight:700;background:#f7f7f7;border-bottom:#ddd 1px dotted;padding:4px 10px;color:#444;}
.UBBTitle span{color:#f7f7f7;}
.UBBContent{line-height:120%;padding:6px;}
.UBBContent textarea{border:#eaeaea 1px solid;font-size:12px;color:#333;margin-bottom:2px;width:550px;height:168px;scrollbar-arrow-color:#666;scrollbar-base-color:#ccc;scrollbar-dark-shadow-color:#fff;scrollbar-face-color:#ccc;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;}

.ubbbuttonrt{color:#999;}
.UBBTitle img{border:none;}pre{font-family:'Courier New',Monospace;font-size:12px;width:99%;overflow:auto;margin:0 0 1em 0;background:#F7F7F7;}pre ol,pre ol li,pre ol li span{margin:0;padding:0;border:none;}pre a,pre a:hover{background:none;border:none;padding:0;margin:0;}pre ol{list-style:decimal;background:#F7F7F7;margin:0 0 1px 3em!important;padding:5px 0;color:#5C5C5C;border-left:3px solid #146B00;}pre ol li{list-style:decimal-leading-zero;list-style-position:outside!important;color:#5C5C5C;padding:0 3px 0 10px!important;margin:0!important;line-height:1.3em;}pre ol li.alt{color:inherit;}pre ol li span{color:black;background-color:inherit;}pre .comment,pre .comments{color:#008200;background-color:inherit;}pre .string{color:blue;background-color:inherit;}pre .keyword{color:#069;font-weight:bold;background-color:inherit;}pre .preprocessor{color:gray;background-color:inherit;}pre .dp-xml .cdata{color:#ff1493;}pre .dp-xml .tag,pre .dp-xml .tag-name{color:#069;font-weight:bold;}pre .dp-xml .attribute{color:red;}pre .dp-xml .attribute-value{color:blue;}pre .dp-sql .func{color:#ff1493;}pre .dp-sql .op{color:#808080;}pre .dp-rb .symbol{color:#a70;}pre .dp-rb .variable{color:#a70;font-weight:bold;}pre .dp-py .builtins{color:#ff1493;}pre .dp-py .magicmethods{color:#808080;}pre .dp-py .exceptions{color:brown;}pre .dp-py .types{color:brown;font-style:italic;}pre .dp-py .commonlibs{color:#8A2BE2;font-style:italic;}pre .dp-j .annotation{color:#646464;}pre .dp-j .number{color:#C00000;}pre .dp-delphi .number{color:blue;}pre .dp-delphi .directive{color:#008284;}pre .dp-delphi .vars{color:#000;}pre .dp-css .value{color:black;}pre .dp-css .important{color:red;}pre .dp-c .vars{color:#d00;}pre .dp-cpp .datatypes{color:#2E8B57;font-weight:bold;}



.FormType2{font-size:12px; padding:5px 0px 5px 0px;}
.FormType2 .item{ float:left; display:inline-block; width:395px;margin-bottom:0px; line-height:25px;}
.FormType2 .n{display:inline-block; width:90px; line-height:25px; padding:0px 5px 0px 0px; text-align:right;color:#788ea3; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.FormType2 .d{display:inline-block;  height:25px; text-align:left; vertical-align:middle; padding-bottom:0px;}
.FormType2 .d label{ margin-right:12px;}
.FormType2 .d em{ display:none; color:#e01212; font-style:normal; padding:2px 5px; position:absolute; margin-left:5px;margin-top:2px; width:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis ;}
.FormType2 .d em:hover{ width:auto; min-width:120px; background:#fff; border:1px solid #e01212;}
.FormType2 .d input[type="text"]{ font-size:12px; color:#222;width:110px; border:1px solid #d2dce2; padding:0px 4px 0px 4px; vertical-align:middle; margin-top:2px;}
.FormType2 .d input[type="text"]:Focus{ border:1px solid #598dbf;width:110px}
.FormType2 .d input[type="password"]{ font-size:12px; color:#222;width:110px; border:1px solid #d2dce2; padding:0px 4px 0px 4px; vertical-align:middle; margin-top:2px;}
.FormType2 .d input[type="password"]:Focus{ border:1px solid #598dbf;width:110px}
.FormType2 .una{ background-color:#f2f6f9;}
.FormType2 .una:Focus{ border:1px solid #d2dce2 !important;}
.FormType2 select{ width:220px;font-size:12px; color:#222; padding:0px; margin-top:2px;}
.FormType2 .minselect { width:50px;font-size:12px; color:#222; padding:0px; margin-top:2px;}
.FormType2 .midselect { width:100px;font-size:12px; color:#222; padding:0px; margin-top:2px;}
.FormType2 textarea{height:80px; font-size:12px; color:#222;width:610px;border:1px solid #d2dce2; margin-top:2px;}
.FormType2 textarea:Focus{border:1px solid #598dbf;}
.FormType2  .W{ width:780px;}
.FormType2  .H{  !important;}
.FormType2  .H .n{  !important;}
.FormType2  .H .d{  !important; word-break:break-all;}
.FormType2 .buttonArea{ clear:both; width:auto; padding:10px 0px;}
.FormType2 .w1{ width:80px;}
.FormType2 .w2{ width:240px;}
.FormType2 .w3{ width:197px;}
.FormType2 .date input[type="text"]{ width:95px;}
.FormType2  .W .GRID input[type="text"]{ width:auto;}





.HomeContentPart{ text-align:left;}


.HomePart1{ width:505PX; float:left; display:inline-block; margin:0px 0px 5px 0px; padding:0px 0px 0px 5px;}
.HomePart2{ width:505pX; float:left; display:inline-block; margin:0px 0px 5px 0px; padding:0px 0px 0px 5px;}
.HomePart3{ width:1003px; float:left; display:inline-block; margin:5px 0px 5px 0px;}
.HomePart4{ width:1003px; float:left; display:inline-block; margin-top:15px;}

.GraphPart1{ width:234px;float:left; display:inline-block; margin-right:10px; margin-bottom:10px; }
.GraphPart2{ width:310px;float:left; display:inline-block; margin-right:10px; }
.GraphPart3{ width:360px;float:left; display:inline-block; margin-right:10px; }


.HomeSubPart1{ position:absolute;	left:11px;	top:-10px;}
.HomeSubPart2{ float:right; display:inline-block; width:730px;}
.HomeSubPart3{ float:left; display:inline-block; width:274px; margin:10px 10px;}
.HomeSubPart4{ float:left; display:inline-block; width:550px; margin:13px 10px 10px 300px;}
.HomeSubPart5{ float:left; display:inline-block; width:90px; margin:13px 10px 10px 10px;}






.GRID{ width:100%;border-top:1px solid #ffffff; background:#fff; border-collapse:collapse; }
.GRID *{ font-family:Arial, "微软雅黑", "宋体";}
.GRID TH{ border-bottom:1px solid #dbe2e6;  font-size:12px;height:25px; text-align:center; background:url(./images/grid_head.gif) center bottom repeat-x #fff; border-top:1px solid #e2e8ef; color:#939caa; font-weight:normal;}
.GRID TD{ text-align:center; color:#464646; height:24px; background:url(./images/grid_td_bg.gif) bottom repeat-x; font-size:12px; }
.GRID .color td{ background:url(./images/grid_td_bg2.gif) bottom repeat-x;}
.GRID TBODY A{ color:#1871bd; text-decoration:none;}
.GRID TBODY A:hover{ color:#000; text-decoration:underline;}
/*.GRID tr:hover td{ background:#ecf5fa;}*/
.GRID .color1 td{ background:#ecf5fa;}
.GRID td .PickSpan{  width:60px; text-align:left; margin-left:5px; margin-top:0px; }
.GRID input[type='text']{width: 80px;}
.GRID input[type='text']{height:18px; font-size:12px; color:#222; border:1px solid #d2dce2; padding:0px 4px 0px 4px; vertical-align:middle; margin-top:2px;}
.GRID input[type="text"]:Focus{border:1px solid #598dbf;}

.GRID td.tdmoney,.GRID th.tdmoney{text-align:right;padding-right:5px;width:auto !important;}
     





/*正在载入状态*/
.loading { position:absolute; width:208px; height: 13px; left:50%; top:50%; margin-left:-104px; margin-top:-6px; background:url(./images/loadingAnimation.gif) center no-repeat #ffffff;}
.loading2 { position:absolute; width:100%; height: 100%; left:0px; top:0px; background:url(./images/loadingAnimation.gif) center no-repeat #ffffff;}
.loading3 { filter:alpha(opacity=60); background-color:Blue; position:absolute; width:100%; height: 100%; left:0px; top:0px; background:url(./images/loadingAnimation.gif) center no-repeat #ffffff;}
.loadingArea {position: relative;}




.Search{ background:url(./images/search_bg.png); width:202px; height:35px; display:inline-block; float:right; position:relative; text-align:left; margin:8px 10px 0px 0px;}
.Search input[type='text']{ background-color:transparent; border:none; width:135px; height:20px; line-height:20px; margin-left:15px; vertical-align:middle; margin-top:5px;}
.Search .buSearch{ background:url(./images/search_icon.png); width:45px; height:25px; text-indent:-9999px; overflow:hidden; display:inline-block; padding:0px !important; margin:0px !important; position:absolute; bottom:5px; right:5px;}
.Search .buSearch:hover{ background-image:url(./images/search_icon_r.png);}


.Pannel1{ text-align:left; padding:0px 7px 7px 0px; background:url(./images/pannel1_shadow.png) right bottom no-repeat;}
.Pannel1 .content{ background:#fff; border:1px solid #c7ccce; min-height:50px;}



.Toolbar{  height:33px; line-height:33px; vertical-align:middle; background:url(./images/toolbar.png) bottom repeat-x #fff; border-top:1px solid #cccfd3; }
.Toolbar .lp{ float:left;vertical-align:middle; width:25%; height:18px; margin-top:5px;  padding-left:0px;  line-height:18px; color:#666; padding-left:15px;}
.Toolbar .mp{ vertical-align:middle; height:18px; margin-top:5px;  padding-left:0px;  line-height:18px; color:#666; text-align:center !important; }
.Toolbar strong{ color:#1574e8;}
.Toolbar .rp{ float:right; width:65%;height:18px;margin-top:5px;padding-right:15px;line-height:18px; color:#666; text-align:right;}
.Toolbar .lp * , .Toolbar .rp *{ vertical-align:middle;}
.Toolbar  A{ background:none;cursor:pointer; display:inline-block; height:18px; line-height:18px; padding:0px 5px 0px 5px; margin-right:3px; text-decoration:none;  color:#66798d; text-align:center; border:1px solid #99afc3;vertical-align:middle;}
.Toolbar  A:hover{ background:#333; color:#fff; background:#99afc3;}
.Toolbar .cur{ background:#49627c !important ; border:none !important;  color:#fff !important; font-size:12px !important; font-weight:bold !important;}

